<link rel="stylesheet" href="../src/css/pages/sets.css">
<div class="fmp-container">
    <div class="container-fluid">
        <div class="ndp-tab-wrapper" name="plain-tab" style="margin:5px 0 10px 0;"></div>
        <div class="row" style="margin-top: 30px;">
            <div class="col-md-12">
                <button type="button" class="btn btn-primary" id="createSets">{{i18n-createProductSet}}</button>
            </div>
        </div>
        <div class="row" style="margin-top: 30px;">
            <!--鍒楄〃锛氬紑濮�-->
            <div class="col-md-12">
                <table class="table table-bordered table-hover" list-manager="sets">
                    <thead>
                        <tr>
                            <th th-name="name">{{i18n-productSetName}}</th>
                            <th th-name="number">{{i18n-productSetnumber}}</th>
                            <th th-name="status">{{i18n-productSetStatus}}</th>
                            <th th-name="created_time">{{i18n-productSetCreatedTime}}</th>
                            <th th-name="opt">{{i18n-productSetOpt}}</th>
                        </tr>
                    </thead>
                    <tbody id="sets-grid">
                    </tbody>
                </table>
            </div>
            <!--鍒楄〃锛氱粨鏉�-->
        </div>
    </div>
</div>
<script type="text/x-template" id="t-sets-grid-tr">
    <tr data-id="<%=id%>">
        <td>
            <%=name%>
        </td>
        <td>
            <%=dataSize%>
        </td>
        <td data-status="<%=status%>" data-report-status="<%=report_data_status%>">
            <%=status%>
        </td>
        <td>
            <%=createdTime%>
        </td>
        <td>
            <a class="preview" href="javascript:void(0)" data-href="#!productPreview?setId=<%=id%>">{{i18n-productSetOpt}}</a> &nbsp;
            <a class="download hidden" href="javascript:void(0)" data-id="<%=id%>" data-url="<%=report_data_url%>">{{i18n-productDownload}}</a>
        </td>
    </tr>
</script>
